

	var tabclientes = new Ext.TabPanel({
		layoutOnTabChange : true,
		activeTab : 0,
		defaults : {
			autoHeight : true,
			bodyStyle : 'padding:10px',
			width : 400
		},
		items : [{
			title : 'Datos Generales',
			layout : 'form',
			shadow : true,
			defaults : {
				width : 300
			},
			tabTip : 'Datos generales del cliente',
			items : [new Ext.form.TextField({
								id : 'idclienteext',
								fieldLabel : 'Identidad',
								name : 'data[MgCliente][identidad]',
								allowBlank : false,
								blankText : 'No puede estar vacio',
							   plugins: [new
							   Ext.ux.InputTextMask('9999-9999-99999', true)]
							}),  new Ext.form.DateField({
								fieldLabel : 'Fecha de Nacimiento',
								labelWidth : 110,
								name : 'data[MgCliente][fecha_nacimiento]',
								width : 190,
								allowBlank : true,
								format : 'd-m-Y',
								todayText : 'Hoy'
							}),new Ext.form.TextField({
								fieldLabel : 'Primer Nombre', // label text
								name : 'data[MgCliente][primer_nombre]',
								allowBlank : false,
								blankText : 'No puede estar vacio'
							}), clientes, new Ext.form.TextField({
								fieldLabel : 'Segundo Nombre',
								name : 'data[MgCliente][segundo_nombre]',
								allowBlank : true								
							}), cantidad_televisores, new Ext.form.TextField({
								fieldLabel : 'Primer Apellido',
								name : 'data[MgCliente][primer_apellido]',
								allowBlank : false,
								blankText : 'No puede estar vacio'
							}),new Ext.form.TextField({
								fieldLabel: 'Segundo Apellido',
								name : 'data[MgCliente][segundo_apellido]',
								allowBlank: true
							})],
			buttons : [{						
						iconCls:'icon-right',					
						scale: 'large',
						width: 32,
						height: 32,	
						cls: 'boton_align_right',
						handler : function() {
							tabclientes.setActiveTab(1);

						}
					}]
		}, {
			title : 'Contactos',
			layout : 'form',
			defaults : {
				width : 300
			},
			items : [new Ext.form.TextField({
						fieldLabel : 'Celular',
						name : 'data[MgCliente][celular]',
						allowBlank : false,
						blankText : 'No puede estar vacio'
						}), new Ext.form.TextField({
								fieldLabel : 'Telefono Residencia',
								name : 'data[MgCliente][telefono_residencia]',
								allowBlank : true,
								blankText : 'No puede estar vacio'
							}), new Ext.form.TextField({
								fieldLabel : 'Telefono Oficina',
								name : 'data[MgCliente][telefono_oficina]',
								allowBlank : true,
								blankText : 'No puede estar vacio'
							}), new Ext.form.TextField({
								fieldLabel : 'Telefono Otro',
								name : 'data[MgCliente][telefono_otro]',
								allowBlank : true,
								blankText : 'No puede estar vacio'
							}), new Ext.form.TextField({
								fieldLabel : 'Correo Electronico',
								name : 'data[MgCliente][correo_electronico]',
								allowBlank : true,
								blankText : 'No puede estar vacio'
							}), new Ext.form.TextArea({
								fieldLabel : 'Referencia',
								name : 'data[MgCliente][referencia]',
								allowBlank : true,
								blankText : 'No puede estar vacio',
								height : 100
							})],
			buttons : [{
						iconCls:'icon-left',	
						scale: 'large',
						width: 32,
						height: 32,
					    cls: 'boton_align_left',
						handler : function() {
							tabclientes.setActiveTab(0);

						}
					},{
				text : 'Guardar',
				type : 'submit',
				handler : function() {
					form_clientes.form.submit({								
								waitMsg : 'Porfavor Espere',
								url : '/cake/syscable/MgClientes/insertar_ext',
								success : function() {
									Ext.MessageBox.alert('Message',
											'Contrato Guardado Exitosamente!',
											function() {
												form_clientes.form.reset();
												ventana_cliente.hide(this)
											});
								},
								failure : function() {
									Ext.MessageBox.alert('Message',
											'Error al Guardar!');
								}
							});
				}
			}, {
				text : 'Cancelar',
				handler : function() {
					form_clientes.form.reset();
					ventana_cliente.hide(this);
				}
			}]							
		}]
	})
	// make a new form
	var form_clientes = new Ext.form.FormPanel({
				frame : false,
				activeItem : 'idcontratoext',
				bodyStyle : 'padding: 5px 5px 0',
				width : 550,
				labelWidth : 90,
				labelAlign : 'right',
				defaultType : 'textfield',
				items : [tabclientes]
			});

	var ventana_cliente = new Ext.Window({
				id : 'simplestbl',
				layout : 'border',
				closable : true,
				closeAction : 'hide',
				width : 550,
				applyTo : 'forma-paging',
				height : 380,
				plain : false,
				maximizable : false,
				resizable : false,
				// modal: true,
				title : 'Insertar Contrato',
				frame : true,
				items : [{
							region : 'center',
							width : 200,
							layout : 'fit',
							frame : false,
							border : false,
							items : [form_clientes]
						}]
			});
